<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>成都算法岗位工资分析</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
        }
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px; /* 增加图片之间的间隔 */
            padding: 10px;
        }
        .chart {
            flex: 0 1 45%; /* 占据容器宽度的45% */
            box-sizing: border-box; /* 确保边框和内边距不会增加元素的总宽度 */
            border-radius: 4px;
            overflow: hidden;
            background-color: #fff; /* 可以设置一个背景色，如果需要的话 */
        }
        .chart-half {
            flex: 0 1 50%; /* 占据容器宽度的50% */
        }
        .chart img, .chart-half img {
            width: 100%;
            height: auto;
            display: block;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="chart">
            <img src="1.png" alt="成都地区算法岗位工资排名Top10的公司">
        </div>
        <div class="chart">
            <img src="2.png" alt="工资表">
        </div>
        <div class="chart-half">
            <img src="3.png" alt="全国城市人工智能岗位平均工资">
        </div>
        <div class="chart">
            <img src="4.png" alt="数据成都和算法成都学历要求">
        </div>
        <div class="chart">
            <img src="5.png" alt="各类岗位占比">
        </div>
    </div>
</body>
</html>